<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hi" lang="hi" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{{ page_title }}</title>
    <link rel="stylesheet" type="text/css" media="all" href="/static/css/dcw_master.css" />
    <link rel="stylesheet" type="text/css" media="all" href="background.css" />
    <meta content="{{ page_title }}" name="title"/>
    <meta content="{{ page_description }}" name="description"/>
    <meta content="{{ page_keywords }}" name="keywords"/>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="/static/javascript/jquery.js"></script>
    <script type="text/javascript" src="/static/javascript/base.js"></script>
    <script type="text/javascript" src="/static/javascript/sidebar.js"></script>
    <script type="text/javascript" src="/static/javascript/sharelink.js"></script>
    <script type="text/javascript" src="/static/javascript/panelresizer.js"></script>
    <script type="text/javascript" src="json_metadata.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        var sidebarWidget = new digitalContentWizard.NavigationBar('menu', {{ noOfLevels }});
        sidebarWidget.initialize(jsonData);
        sidebarWidget.adjust("{{ colB_value }}", "{{ colC_value }}");
        shareLinkWidget = new digitalContentWizard.ShareLink();
        digitalContentWizard.panelResizer();
      });
    </script>
  </head>
    <body>
    <div class="container">
      {{ header_html }}
      <div class="clear">&nbsp;</div>
      <div class="content">
        <div class="adsense_pdf">
        {% if adsense_client and adsense_slot_pdf %}
        <!-- Google Ads Start -->
          <script type="text/javascript">
          <!--
            google_ad_client = "{{ adsense_client }}";
            google_ad_slot = "{{ adsense_slot_pdf }}";
            google_ad_width = 728;
            google_ad_height = 90;
          //-->
          </script>
          <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
          </script>
          <!-- Google Ads End -->
        {% endif %}
        </div>
        {{ sidebar_html }}
        {{ slider_html }}
        <div id="dcw-pagecontent">
          {{ breadcrumb }}
          {{ cse_box }}
                <script type="text/javascript">

                /**
                 * Sets a CSS property on a given ID element.
                 *
                 * @param {String} id The id of the element
                 * @param {String} property The name of the CSS property to set
                 * @param {String} value The value of the CSS property to set
                 */
                function setIdProperty(id, property, value) {
                  var styleObject = document.getElementById(id);
                  if (styleObject != null) {
                    styleObject = styleObject.style;
                    styleObject[property] = value;
                  }
                }

                var currentlyVisibleTab_ = 0;
                /**
                 * Shows a tab.  Tabs must have elements with both a 'divBody' prefix and
                 * a 't' prefix.  There can be only one set of tabs per page.
                 *
                 * @param {String} tabId the tab identifier suffix
                 */
                function showTab(tabId)
                {
                    if (currentlyVisibleTab_ != undefined) {
                        setIdProperty('divBody' + currentlyVisibleTab_, 'display', 'none');
                        var div = document.getElementById('t' + currentlyVisibleTab_);
                        if (div) {
                          div.className = '';
                        }
                    }
                      setIdProperty('divBody' + tabId, 'display', 'block');

                      var div = document.getElementById('t' + tabId);
                      if (div) {
                        div.className = 'sel';
                      }

                      currentlyVisibleTab_ = tabId;
                }
                </script>

          <div id="tabcontents">
            <div id="links" class="links_pdf">
              {{ sharelink }}
            </div>
            <ul class="intabs">
              <li id="t0" class="se1">
                <span class="ltab"></span>
                <a onclick="showTab(0);" href="javascript:void(0)">Content</a>
              </li>
              <li id="t1">
                <span class="ltab"></span>
                <a onclick="showTab(1);" href="javascript:void(0)">About</a>
              </li>
            </ul>
          </div> <!-- END OF tabcontents-->
          <div class="c-major" id="divBody0" style="display: block;">
            <div id="doc">
              <iframe width="100%" height="100%" frameborder="0"
                longdesc="parse?id={{ colA_value }}&type=doc"
                src="http://docs.google.com/View?id={{ colA_value }}&hl=en&hgd=1">
              </iframe>
            </div>
          </div> <!-- end of c-major -->
          <div class="c-minor" id="divBody1" style="display: none">
            {{ metadata_blob }}
          </div> <!-- end .c-minor -->
          {% if adsense_client and adsense_slot %}
          <!-- Google Ads Start -->
          <script type="text/javascript">
          <!--
            google_ad_client = "{{ adsense_client }}";
            google_ad_slot = "{{ adsense_slot }}";
            google_ad_width = 180;
            google_ad_height = 600;
          //-->
          </script>
          <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
          </script>
          <!-- Google Ads End -->
          {% endif %}
        </div><!-- end .dcw-pagecontent -->
      </div><!-- end .content -->
      <div class="clear">&nbsp;</div>
      {{ footer_html }}
        <!-- end .footer -->
    </div><!-- end .container -->
    {% if analytics_id %}
    <!-- Analytics Start -->
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." :  "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      var pageTracker = _gat._getTracker("{{ analytics_id }}");
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>
    <!-- Analytics End -->
    {% endif %}
  </body>
</html>

